<form class="form-props-info-scroll layui-form temProps" lay-filter="temProps">
  <div class="form-props-title">
    文本属性
  </div>
  <div class="layui-collapse" lay-accordion>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">基本属性</h2>
      <div class="layui-colla-content layui-show">
          <div class="form-props-item">
            <label>标题</label>
            <input type="text" name="textTitle"  autocomplete="off" class="layui-input temText" optName='textLabel'>
          </div>
          
          <div class="form-props-item">
            <label>默认值</label>
            <input type="text" name="textValue"  autocomplete="off" class="layui-input temInputAttr" temPropOpt='value' optName='textInput'>
          </div>

          <div class="form-props-item">
            <label>提示信息</label>
            <input type="text" name="textPlaceholder"  autocomplete="off" class="layui-input temInputAttr" temPropOpt='placeholder' optName='textInput'>
          </div>

          <!-- <div class="form-props-item">
              <label>校验</label>
              <div>
                <input type="checkbox" name="textVerify[required]" lay-filter="textVerify"  lay-skin="primary" title="必填">
              </div>
          </div> -->

          <div class="form-props-item">
              <label>显示标题</label>
              <div>
                  <input type="radio" name="textDisplay" lay-filter="textDisplay" value="block" title="是">
                  <input type="radio" name="textDisplay" lay-filter="textDisplay" value="none" title="否">
              </div>
          </div>

          <div class="form-props-item">
              <label>标题位置</label>
              <div>
                  <input type="radio" name="textTitleSite" lay-filter="textTitleSite" value="none" title="上">
                  <input type="radio" name="textTitleSite" lay-filter="textTitleSite" value="left" title="左">
              </div>
          </div>


          <div class="form-props-item">
            <label>控制尺寸</label>
            <div class="form-props-slider">
              <div class="propSlideOnly" temPropOpt='width' optLeft='textLabel' optRight='textInput'></div>
            </div>
          </div>
     
          

      </div>
    </div>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">高级属性</h2>
      <div class="layui-colla-content">

        <div class="addPropsTitle">
          <span>添加属性</span>
          <i class="layui-icon layui-icon-add-1 addProperty"></i>   
        </div>
        <div class="addPropsHandle" optName='textInput' defPropName='name,class,type,placeholder,autocomplete'>
          <div class="form-props-input">
            <input type="text" autocomplete="off" class="layui-input propKey">
            <input type="text" autocomplete="off" class="layui-input propVal">
            <i class="layui-icon layui-icon-delete itemDel"></i>   
          </div>

          
        </div>
        <div class="eventProps" optName='textInput'>
            <span>事件</span>
            <div class="form-props-input">
                <select name="eventPropsKey" lay-filter="eventPropsKey">
                    <option value="">请选择</option>
                    <option value="onblur">onblur</option>
                    <option value="onchange">onchange</option>
                    <option value="onclick">onclick</option>
                    <option value="ondblclick">ondblclick</option>
                    <option value="onfocus">onfocus</option>
                    <option value="onkeydown">onkeydown</option>
                    <option value="onkeypress">onkeypress</option>
                    <option value="onkeyup">onkeyup</option>
                    <option value="onmousedown">onmousedown</option>
                    <option value="onmousemove">onmousemove</option>
                    <option value="onmouseout">onmouseout</option>
                    <option value="onmouseover">onmouseover</option>
                    <option value="onmouseup">onmouseup</option>
                </select>
                <textarea name="eventPropsVal"  class="layui-textarea eventPropsVal"></textarea>
            </div>
        </div>

      </div>
    </div>
  </div>
</form>

<script>
    layui.use([], function(){
      var 
      // $ = layui.$,
      // form = layui.form,
      propsHandle = layui.propsHandle;
      // tag = $('.selectStamp'),
      // sliderObjInput = tag.find('.textInput'),
      // sliderObjLabel = tag.find('.textLabel');

// ---------init赋值
      propsHandle({
        // "textVerify[required]":sliderObjInput.attr('lay-verify') === 'required' ? true : false,
      })
     

//  -----------附加操作---------

      
      // form.on('checkbox(textVerify)', function(data){
      //   var check = data.elem.checked;
      //   sliderObjInput.attr('lay-verify',check ? 'required':'')
      // });
      




    });
</script>